
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>北京租房_北京租房网_北京租房信息|价格|网站【自如网】</title>
    <meta name="keywords" content="北京租房,北京租房网,北京租房信息,北京租房价格,北京租房信息网,北京租房网站"/>
    <meta name="description" content="高品质北京租房品牌“自如”，旗下“自如友家”“自如寓”两大产品，数万间公寓。自如承诺：3天不满意全额退款！信仰生活的人，迟早与自如相遇！自如是最高品质的北京租房信息|价格|网站。"/>
    <meta http-equiv="cache-control" content="no-cache, must-revalidate">
    <meta content="width=1200, initial-scale=1, maximum-scale=1, user-scalable=1" name="viewport">
    <link rel="stylesheet" type="text/css" href="/static/css/common.css" />
    <script  type="text/javascript" src="/static/js/jquery.min.js"></script>
    <script  type="text/javascript" src="/static/js/z-common.js"></script>
    <script src="//static8.ziroom.com/fecommon/library/crypto-js/crypto-js.js"></script>
    <script type='text/javascript'>
        var _vds = _vds || [];
        window._vds = _vds;
        (function(){
            _vds.push(['uid', '']);
            _vds.push(['setAccountId', '8da2730aaedd7628']);
            (function() {
                var vds = document.createElement('script');
                vds.type='text/javascript';
                vds.async = true;
                vds.src = ('http:' == document.location.protocol ? 'http://' : 'http://') + 'dn-growing.qbox.me/vds.js';
                var s = document.getElementsByTagName('script')[0];
                s.parentNode.insertBefore(vds, s);
            })();
        })();
    </script>
    <link rel="stylesheet" type="text/css" href="/static/css/zoneStyle.css" />
    <!-- TODO:新增样式 -->
    <style>
        .m-content {
            height: 580px;
            background-size: 100% 100%;
        }
        .ziroom-login-confrim {
            margin-top: 20px;
        }
        .ziroom-login-confrim span {
            color: rgba(0,0,0,.4);
        }
        .ziroom-login-confrim a {
            color: #ff961e;
            text-decoration: underline;
        }
        body {
            background-image: url("/static/a.png");
        }
    </style>

</head>
<body>
<div class="m-header">
    <div class="m-header_content">
        <a href="http://www.ziroom.com"></a>
    </div>
</div>

<div class="m-content">
    <div class="m-content_mid">
        <div class="modal-content logins" id="logins" style="display: block">
            <div class="separator m_icon"></div>

            <div class="control-group">
                <span class="m_icon user"></span>
                <input type="text" name="user_name" id="user_name" placeholder="请输入用户名或手机号或邮箱" class="inp_txt" tabindex="1">
                <p for="user_name" class="invalid" style="display: none;"></p>
            </div>
            <div class="control-group">
                <span class="m_icon pas"></span>
                <input type="password" name="user_pas" id="user_pas" placeholder="请输入6-16位密码" class="inp_txt" tabindex="2">
                <p for="user_pas" class="invalid" style="display: none;"></p>
            </div>

            <div class="control-group " id="captcha_tr" style="display:none;">
                <input type="hidden" id="is_captcha" value="0">


                <div class="clearfix">
                    <input type="text" name="verification" id="verification" placeholder="请输入验证码" class="inp_txt inp_yzm" tabindex="3">
                    <img src="" width="114" height="45" class="cur_pointer captcha_img" id="J-m-img">
                    <span class="m_icon refurbish"></span>
                </div>

                <p for="verification" class="invalid" style="display: none;"></p>
            </div>

            <div class="control-group clearfix">
                <p class="fl checkbox" id="within">
                    <label for="within_a_week">
                        <span class="m_icon" id="J-m-isSeven"></span>
                        <input type="checkbox" id="within_a_week">一周内免登录
                    </label>
                </p>
                <a href="http://passport.ziroom.com/forget_password.html" class="fr org">忘记密码？</a>
            </div><!--/control-group-->
            <div class="control-group clearfix">
                <input type="button" value="登 录" class="org_btn" id="login_button">

            </div><!--/control-group-->

            <!--  <div class="control-group clearfix">
                  <div class="m-other_login"></div>
              </div> -->

            <!-- TODO 协议交互 -->
            <div class="control-group clearfix">
                <div class="ziroom-login-confrim"><span>登录即代表同意</span><a href="http://special.ziroom.com/2018/tpl201810/index.html?id=2216" target="_blank">《自如用户协议》</a><span>及</span><a href="http://special.ziroom.com/2018/tpl201810/index.html?id=1568" target="_blank">《自如隐私政策》</a></div>
            </div>
            <!-- /TODO 协议交互 -->

            <div class="control-group clearfix tc bottom">
                没有账号？现在就 <a href="http://passport.ziroom.com/register.html" class="org" id="toSignup">注册</a>
            </div><!--/control-group-->


        </div>
    </div>
</div>

<div id="footer">
    <div class="area">
        <div class="clearfix">
            <div class="glbLeft">
                <dl class="fList">
                    <dt>关于我们</dt>
                    <dd>
                        <a href="http://www.ziroom.com/zhaopin/index.php?r=site/about">关于自如</a>
                        <a href="http://www.ziroom.com/about/lianxi.html">联系自如</a>
                        <a href="http://www.ziroom.com/zhaopin/">加入自如</a>
                    </dd>
                </dl>
                <dl class="fList">
                    <dt>自如业务</dt>
                    <dd>
                        <a href="http://www.ziroom.com/about/fuwu.html">业务体系</a>
                        <a href="http://www.ziroom.com/about/fuwu.html">自如产品</a>
                        <a href="http://www.ziroom.com/servicecentre/">自如服务</a>
                    </dd>
                </dl>
                <dl class="fList">
                    <dt>关注自如</dt>
                    <dd>
                        <a >自如客微信</a>
                        <a >下载app</a>
                    </dd>
                </dl>
            </div><!--/glbLeft-->

            <div class="glbRight">

                <div class="img">
                    <img src="static/images/common/zrk_ewm.png">
                    <p>关注自如客微信</p>
                </div>
                <div class="img">
                    <img src="static/images/common/app_ewm.png">
                    <p>下载自如app</p>
                </div><!--/img-->
            </div><!--/glbRight-->
        </div><!--/clearfix-->

        <div class="linksFooter">
            <dl class="clearfix">
                <dt>友情链接：</dt>
                <dd>
                    <div class="box" id="linksFooterList">
                        <p>
                            <a target="_blank" href="http://bj.loupan.com">北京房产网</a>
                            <a target="_blank" href="http://www.landzestate.com">豪宅别墅</a>
                            <a target="_blank" href="http://bj.xkhouse.com">星空地产网</a>
                            <a target="_blank" href="http://www.wenchangfc.com">文昌房产网</a>
                            <a target="_blank" href="http://www.zhuna.cn/ditie">地铁线路图</a>
                            <a target="_blank" href="http://bj.offcn.com">北京人事考试网</a>
                            <a target="_blank" href="http://chongqing.anjuke.com/sale">重庆二手房</a>
                            <a target="_blank" href="http://bj.lanfw.com">北京蓝房网</a>
                            <a target="_blank" href="http://dali.focus.cn">大理房产</a>
                            <a target="_blank" href="http://www.0731jiaju.com">家居网</a>
                            <a target="_blank" href="http://tj.lianjia.com">天津二手房</a>
                            <a target="_blank" href="http://m.ziroom.com">北京租房</a>
                            <a target="_blank" href="http://bt.focus.cn">包头房产网</a>
                            <a target="_blank" href="http://house.365jia.cn">合肥房产网</a>
                            <a target="_blank" href="http://chaozhou.ganji.com">潮州赶集网</a>
                            <a target="_blank" href="http://datong.focus.cn">大同房地产</a>
                            <a target="_blank" href="http://beijing.qd8.com.cn">北京分类信息网</a>
                            <a target="_blank" href="http://xf.fccs.com">襄阳房产</a>
                            <a target="_blank" href="http://www.lianjia.com">房产网</a>
                            <a target="_blank" href="http://zufangzi.com">丁丁租房</a>
                            <a target="_blank" href="http://www.517best.com">旅游百事通</a>
                            <a target="_blank" href="http://www.shangceng.com.cn">别墅装修</a>
                            <a target="_blank" href="http://bj.house.163.com">网易北京房产</a>
                        </p>
                        <p>
                            <a target="_blank" href="http://bj.loupan.com">北京房产网</a>
                            <a target="_blank" href="http://www.landzestate.com">豪宅别墅</a>
                            <a target="_blank" href="http://bj.xkhouse.com">星空地产网</a>
                            <a target="_blank" href="http://www.wenchangfc.com">文昌房产网</a>
                            <a target="_blank" href="http://www.zhuna.cn/ditie">地铁线路图</a>
                            <a target="_blank" href="http://bj.offcn.com">北京人事考试网</a>
                            <a target="_blank" href="http://chongqing.anjuke.com/sale">重庆二手房</a>
                            <a target="_blank" href="http://bj.lanfw.com">北京蓝房网</a>
                            <a target="_blank" href="http://dali.focus.cn">大理房产</a>
                            <a target="_blank" href="http://www.0731jiaju.com">家居网</a>
                            <a target="_blank" href="http://tj.lianjia.com">天津二手房</a>
                            <a target="_blank" href="http://m.ziroom.com">北京租房</a>
                            <a target="_blank" href="http://bt.focus.cn">包头房产网</a>
                            <a target="_blank" href="http://house.365jia.cn">合肥房产网</a>
                            <a target="_blank" href="http://chaozhou.ganji.com">潮州赶集网</a>
                            <a target="_blank" href="http://datong.focus.cn">大同房地产</a>
                            <a target="_blank" href="http://beijing.qd8.com.cn">北京分类信息网</a>
                            <a target="_blank" href="http://xf.fccs.com">襄阳房产</a>
                            <a target="_blank" href="http://www.lianjia.com">房产网</a>
                            <a target="_blank" href="http://zufangzi.com">丁丁租房</a>
                            <a target="_blank" href="http://www.517best.com">旅游百事通</a>
                            <a target="_blank" href="http://www.shangceng.com.cn">别墅装修</a>
                            <a target="_blank" href="http://bj.house.163.com">网易北京房产</a>
                        </p>
                    </div>
                </dd>
            </dl>
        </div>

        <div class="footerBottom">
            <p>北京自如信息科技有限公司 Copyright@2017 ziroom.com 版权所有 京ICP备16015349号-1</p>
            <p>联系客服：自如客微信  周一至周日09:00-22:00</p>
        </div>
    </div><!--/area-->
</div><!--/footer-->

<script type="text/javascript">
    var oLinksList=$('#linksFooterList');
    var iLinksHeight=oLinksList.outerHeight();
    var iNum = iLinksHeight/47;
    var iN=0;


    setInterval(function(){
        iN++;
        iN = iN%iNum;
        var top = iN*47;
        if(top >= iLinksHeight/2+47){
            oLinksList.css({'margin-top':'0px'});
            iN=0;
        }else{
            oLinksList.animate({'margin-top':-iN*47+'px'},1000);
        }
    },3000);

    //mqz 2016.5.12验证登录
    (function(){
        var username=$('#user_name');
        var usernameInf=username.next();

        var password=$('#user_pas');
        var passwordInf=password.next();

        var picYzmBox=$('#captcha_tr');
        var picYzmInp=$('#verification');
        var picYzmImg=picYzmInp.next();
        var picGetBtn=picYzmImg.next();
        var picYzmInf=picYzmInp.parent().next();

        var isSeven=$('#J-m-isSeven');
        isSeven.attr('data-isSeven','0');

        var oSubmit=$('#login_button');

        var phoneReg = /^1[0-9]{10}$/;
        var emailReg=/^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/;
        var return_url = "http%3A%2F%2Fwww.ziroom.com%2Fmap%2F";

        //七天登录
        isSeven.click(function(){
            if($(this).hasClass('m_icon_active')){
                $(this).removeClass('m_icon_active');
                $(this).attr('data-isSeven','0');
            }
            else{
                $(this).addClass('m_icon_active');
                $(this).attr('data-isSeven','1');
            }
        });

        //点击更新图片
        picGetBtn.click(function(){
            addImgRequest('#J-m-img');
        });

        oSubmit.click(function(){

            //判断用户输入的是什么
            var json=null;
            if(phoneReg.test(username.val())){
                json={'phone':username.val(),'password':password.val(),'imgId':picYzmImg.attr('data-imgId'),'imgVValue':picYzmInp.val(),'seven':isSeven.attr('data-isSeven')};
            }
            else if(emailReg.test(username.val())){
                json={'email':username.val(),'password':password.val(),'imgId':picYzmImg.attr('data-imgId'),'imgVValue':picYzmInp.val(),'seven':isSeven.attr('data-isSeven')};
            }
            else{
                json={'username':username.val(),'password':password.val(),'imgId':picYzmImg.attr('data-imgId'),'imgVValue':picYzmInp.val(),'seven':isSeven.attr('data-isSeven')};
            }


            getDes().then(function(desKey,ivKey){
                $.ajax({
                    url:"/index.php?r=account%2Flogin%2Flogin",
                    type:'POST',
                    data: {
                        data: DESen(desKey,ivKey,json),
                        _csrf : 'WjlpNlViNXk0VgNzJw10Nh1rXkcRMngaKFQ7eGY2Axc2dj5vOgpyHA=='
                    },
                    dataType:'json',
                    success:function(data){
                        if(data.status == 'success'){
                            window.location.href='/index.php?r=user/agent&returnUrl='+return_url+'&passport_token='+data.data.token+'&isSeven='+isSeven.attr('data-isSeven');
                        }
                        else{
                            logMessage(data.error_code);
                            if(data.data.etTimes>=5){
                                picYzmBox.css({
                                    display:'block'
                                });
                                addImgRequest('#J-m-img');
                            }
                        }
                    },
                    error:function(){}
                });
            });
        });

        //键盘事件
        $(document).keydown(function(event){
            if(event.keyCode == 13)
            {
                //判断用户输入的是什么
                var json=null;
                if(phoneReg.test(username.val())){
                    json={'phone':username.val(),'password':password.val(),'imgId':picYzmImg.attr('data-imgId'),'imgVValue':picYzmInp.val(),'seven':isSeven.attr('data-isSeven')};
                }
                else if(emailReg.test(username.val())){
                    json={'email':username.val(),'password':password.val(),'imgId':picYzmImg.attr('data-imgId'),'imgVValue':picYzmInp.val(),'seven':isSeven.attr('data-isSeven')};
                }
                else{
                    json={'username':username.val(),'password':password.val(),'imgId':picYzmImg.attr('data-imgId'),'imgVValue':picYzmInp.val(),'seven':isSeven.attr('data-isSeven')};
                }

                getDes().then(function(desKey,ivKey){
                    $.ajax({
                        url:"/index.php?r=account%2Flogin%2Flogin",
                        type:'POST',
                        data: {
                            data: DESen(desKey,ivKey,json)
                        },
                        dataType:'json',
                        success:function(data){
                            if(data.code=='20000'){
                                window.location.href='/index.php?r=user/agent&returnUrl='+return_url+'&passport_token='+data.resp.token+'&isSeven='+isSeven.attr('data-isSeven');
                            }
                            else{
                                logMessage(data.code);
                                if(data.resp.etTimes>=5){
                                    picYzmBox.css({
                                        display:'block'
                                    });
                                    addImgRequest('#J-m-img');
                                }
                            }
                        },
                        error:function(){}
                    });
                });
            }

        });
        // 加密
        function DESen(desKey,ivKey,params={}) {
            var params = JSON.stringify(params);
            var keyHex = CryptoJS.enc.Utf8.parse(desKey);
            var ivHex = CryptoJS.enc.Utf8.parse(ivKey);
            var encrypted = CryptoJS.DES.encrypt(params, keyHex, {
                iv: ivHex,
                mode: CryptoJS.mode.CBC,
                padding: CryptoJS.pad.Pkcs7
            });
            return encrypted.ciphertext.toString();
        }
        // 获取秘钥
        function getDes() {
            var dtd = $.Deferred();
            $.ajax({
                url: '/index.php?r=account/des/index',
                type: 'Get',
                success: function(res){
                    dtd.resolve(res.data.secret_key,res.data.secret_iv);
                },
                error:function(res){
                    dtd.reject();
                    layer.open({
                        content: '网络异常',
                        skin: 'msg',
                        time: 3
                    });
                }
            })
            return dtd;
        }
        //提示信息
        function logMessage(str){
            switch(str){
                case '40001':
                    picYzmInf.html('验证码错误');
                    clearInf();
                    picYzmInp.css({display:'inline-block'});
                    break;
                case '40003':
                    passwordInf.html('用户名或密码错误');
                    clearInf();
                    passwordInf.css({display:'block'});
                    break;
                case '40006':
                    usernameInf.html('账号被冻结');
                    clearInf();
                    usernameInf.css({display:'block'});
                    break;
                case '40007':
                    usernameInf.html('账号被封禁');
                    clearInf();
                    usernameInf.css({display:'block'});
                    break;
                case '50000':
                    usernameInf.html('未知错误，请稍后重试');
                    clearInf();
                    usernameInf.css({display:'block'});
                    break;
            }
        }

        //清空提示文字
        function clearInf(){
            usernameInf.css({display:'none'});
            passwordInf.css({display:'none'});
            picYzmInf.css({display:'none'});
        }

        //获取图片验证码
        function addImgRequest(imgId){

            var oImg=$(imgId);

            var u=uuid();
            oImg.attr('data-imgId',u);
            oImg.attr('src','//passport.ziroom.com/img/verify/code/v1?imgId='+u);
        }

        //uuid
        function uuid(){
            var str='0123456789abcdef';
            var res='';
            for(var i=0;i<32;i++){
                res+=str.charAt(Math.floor(Math.random()*16));
            }

            return res;
        }
    })();
</script>

</body>
</html>













































